<?php if (!defined('THINK_PATH')) exit(); /*a:1:{s:60:"D:\phpstudy\WWW\tp5\public/../app/index\view\index\mall.html";i:1508686065;}*/ ?>
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8" name="toTop" content="true">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="__PUBLIC__/favicon.ico">
    <!--自定义图标-->
    <title>华为商城官网</title>
    <link rel="stylesheet" type="text/css" href="__CSS__/bootstrap.css">
    <link type="text/css" rel="stylesheet" href="__CSS__/mall.css"/>
    <link type="text/css" rel="stylesheet" href="__CSS__/malls.css"/>
</head>
<body id="body">
    <div id="navbar" style="border:1px solid red">1</div>
    <div id="navbar-top" style="border:1px solid red">2</div>
    <!--首页滚动图片-->

    <div id="theCarousel" class="carousel slide mall-slide-col" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#theCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#theCarousel" data-slide-to="1"></li>
            <li data-target="#theCarousel" data-slide-to="2"></li>
            <li data-target="#theCarousel" data-slide-to="3"></li>
            <li data-target="#theCarousel" data-slide-to="4"></li>
            <li data-target="#theCarousel" data-slide-to="5"></li>
            <li data-target="#theCarousel" data-slide-to="6"></li>
            <li data-target="#theCarousel" data-slide-to="7"></li>
        </ol>


        <div class="carousel-inner mall-slide">
            <div class="item active">
                <img src="__img__/mall/nav/1.jpg" class="img-responsive">
            </div>
            <div class="item">
                <img src="__img__/mall/nav/2.jpg" class="img-responsive">
            </div>
            <div class="item">
                <img src="__img__/mall/nav/3.jpg" class="img-responsive">
            </div>
            <div class="item">
                <img src="__img__/mall/nav/4.jpg" class="img-responsive">
            </div>
            <div class="item">
                <img src="__img__/mall/nav/5.jpg" class="img-responsive">
            </div>
            <div class="item">
                <img src="__img__/mall/nav/6.jpg" class="img-responsive">
            </div>
            <div class="item">
                <img src="__img__/mall/nav/7.jpg" class="img-responsive">
            </div>
            <div class="item">
                <img src="__img__/mall/nav/8.png" class="img-responsive">
            </div>
        </div>
    </div>
    <!--首页滚动图片-->

    <div class="container mall-main">
        <nav class="nav hidden-sm">
            <div class="mall-main-list">
                <ul class="list-unstyled">
                    <li>
                        <div class="mall-left-list">
                            <h3>手机</h3>
                            <span>荣耀</span>
                            <span>HUAWEI 系列</span>
                        </div>
                        <div class="zj">
                            <div class="zj_l">
                                <div class="zj_l_c">
                                    <div class="col-sm-12"><h2>浏览手机频道</h2></div>
                                </div>
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力</h2>
                                    <a href="#">坚果</a>
                                    <a href="#">蜜饯</a>
                                    <a href="#">红枣</a>
                                    <a href="#">牛肉干</a>
                                    <a href="#">巧克力</a>|
                                    <a href="#">口香糖</a>
                                    <a href="#">海苔</a>
                                    <a href="#">鱼干</a>
                                    <a href="#">蜜饯</a>
                                </div>
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力</h2>
                                    <a href="#">坚果</a>
                                    <a href="#">蜜饯</a>
                                    <a href="#">红枣</a>
                                    <a href="#">牛肉干</a>
                                    <a href="#">巧克力</a>|
                                    <a href="#">口香糖</a>
                                    <a href="#">海苔</a>
                                    <a href="#">鱼干</a>
                                    <a href="#">蜜饯</a>
                                </div>
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力</h2>
                                    <a href="#">坚果</a>
                                    <a href="#">蜜饯</a>
                                    <a href="#">红枣</a>
                                    <a href="#">牛肉干</a>
                                    <a href="#">巧克力</a>|
                                    <a href="#">口香糖</a>
                                    <a href="#">海苔</a>
                                    <a href="#">鱼干</a>
                                    <a href="#">蜜饯</a>
                                </div>
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力</h2>
                                    <a href="#">坚果</a>
                                    <a href="#">蜜饯</a>
                                    <a href="#">红枣</a>
                                    <a href="#">牛肉干</a>
                                    <a href="#">巧克力</a>|
                                    <a href="#">口香糖</a>
                                    <a href="#">海苔</a>
                                    <a href="#">鱼干</a>
                                    <a href="#">蜜饯</a>
                                </div>
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力</h2>
                                    <a href="#">坚果</a>
                                    <a href="#">蜜饯</a>
                                    <a href="#">红枣</a>
                                    <a href="#">牛肉干</a>
                                    <a href="#">巧克力</a>|
                                    <a href="#">口香糖</a>
                                    <a href="#">海苔</a>
                                    <a href="#">鱼干</a>
                                    <a href="#">蜜饯</a>
                                </div>
                            </div>
                            <div class="zj_r">
                                <a href="#"><img src="images/n_img1.jpg" width="236" height="200"/></a>
                                <a href="#"><img src="images/n_img2.jpg" width="236" height="200"/></a>
                            </div>
                        </div>
                    </li>
                    <li>
                     <div class="mall-left-list">
                        <h3>笔记本 & 平板</h3>
                        <span>平板电脑</span>
                        <span>笔记本电脑</span>
                    </div>
                    <div class="zj" style="top:-80px;">
                        <div class="zj_l">
                            <div class="zj_l_c">
                               <h2>零食 / 糖果 / 巧克力</h2>
                               <a href="#">坚果</a>
                               <a href="#">蜜饯</a>
                               <a href="#">红枣</a>
                               <a href="#">牛肉干</a>
                               <a href="#">巧克力</a>|
                               <a href="#">口香糖</a>
                               <a href="#">海苔</a>
                               <a href="#">鱼干</a>
                               <a href="#">蜜饯</a>
                           </div>
                           <div class="zj_l_c">
                            <h2>零食 / 糖果 / 巧克力</h2>
                            <a href="#">坚果</a>
                            <a href="#">蜜饯</a>
                            <a href="#">红枣</a>
                            <a href="#">牛肉干</a>
                            <a href="#">巧克力</a>|
                            <a href="#">口香糖</a>
                            <a href="#">海苔</a>
                            <a href="#">鱼干</a>
                            <a href="#">蜜饯</a>
                        </div>
                    </div>
                    <div class="zj_r">
                        <a href="#">
                            <img src="images/n_img1.jpg" width="236" height="200"/>
                        </a>
                        <a href="#">
                            <img src="images/n_img2.jpg" width="236" height="200"/>
                        </a>
                    </div>
                </div>
            </li>
            <li>
              <div class="mall-left-list">
                  <h3>穿戴</h3>
                  <span>手环</span>
                  <span>手表</span>
              </div>
              <div class="zj" style="top:-150px;">
                <div class="zj_l">
                    <div class="zj_l_c">
                       <h2>零食 / 糖果 / 巧克力</h2>
                       <a href="#">坚果</a>
                       <a href="#">蜜饯</a>
                       <a href="#">红枣</a>
                       <a href="#">牛肉干</a>
                       <a href="#">巧克力</a>|
                       <a href="#">口香糖</a>
                       <a href="#">海苔</a>
                       <a href="#">鱼干</a>
                       <a href="#">蜜饯</a>
                   </div>
               </div>
               <div class="zj_r">
                <a href="#">
                    <img src="images/n_img1.jpg" width="236" height="200"/>
                </a>
                <a href="#">
                    <img src="images/n_img2.jpg" width="236" height="200"/>
                </a>
            </div>
        </div>
    </li>
    <li>
     <div class="mall-left-list">
       <h3>智能家居</h3>
       <span>子母路由</span>
       <span>电视盒子</span>
       <span>路由器</span>
   </div>
   <div class="zj" style="top:-230px;">
    <div class="zj_l">
        <div class="zj_l_c">
            <h2>零食 / 糖果 / 巧克力</h2>
            <a href="#">坚果</a>
            <a href="#">蜜饯</a>
            <a href="#">红枣</a>
            <a href="#">牛肉干</a>
            <a href="#">巧克力</a>|
            <a href="#">口香糖</a>
            <a href="#">海苔</a>
            <a href="#">鱼干</a>
            <a href="#">蜜饯</a>
        </div>
    </div>
    <div class="zj_r">
        <a href="#">
            <img src="images/n_img1.jpg" width="236" height="200"/>
        </a>
        <a href="#">
            <img src="images/n_img2.jpg" width="236" height="200"/>
        </a>
    </div>
</div>
</li>
<li>
 <div class="mall-left-list">
  <h3>通用配件</h3>
  <span>移动电源</span>
  <span>耳机</span>
  <span>音箱</span>
</div>
<div class="zj" style="top:-290px;">
    <div class="zj_l">
        <div class="zj_l_c">
            <h2>零食 / 糖果 / 巧克力</h2>
            <a href="#">坚果</a>
            <a href="#">蜜饯</a>
            <a href="#">红枣</a>
            <a href="#">牛肉干</a>
            <a href="#">巧克力</a>|
            <a href="#">口香糖</a>
            <a href="#">海苔</a>
            <a href="#">鱼干</a>
            <a href="#">蜜饯</a>
        </div>
    </div>
    <div class="zj_r">
        <a href="#"><img src="images/n_img1.jpg" width="236" height="200"/></a>
        <a href="#"><img src="images/n_img2.jpg" width="236" height="200"/></a>
    </div>
</div>
</li>
<li>
   <div class="mall-left-list">
       <h3>专属配件</h3>
       <span>保护壳</span>
       <span>保护套</span>
       <span>贴膜</span>
   </div>
   <div class="zj" style="top:-350px;">
    <div class="zj_l">
        <div class="zj_l_c">
           <h2>零食 / 糖果 / 巧克力</h2>
           <a href="#">坚果</a>
           <a href="#">蜜饯</a>
           <a href="#">红枣</a>
           <a href="#">牛肉干</a>
           <a href="#">巧克力</a>|
           <a href="#">口香糖</a>
           <a href="#">海苔</a>
           <a href="#">鱼干</a>
           <a href="#">蜜饯</a>
       </div>
   </div>
   <div class="zj_r">
    <a href="#"><img src="images/n_img1.jpg" width="236" height="200"/></a>
    <a href="#"><img src="images/n_img2.jpg" width="236" height="200"/></a>
</div>
</div>
</li>

</ul>
</div>
</nav>
<!-- 导航菜单 -->

<!-- 导航菜单 -->
<div class="container-fluid mall-main1">
    <div class="col-sm-3"><a href="##"><img src="__img__/mall/main1/1.png" class="img-responsive"></a></div>
    <div class="col-sm-3"><a href="##"><img src="__img__/mall/main1/2.png" class="img-responsive"></a></div>
    <div class="col-sm-3"><a href="##"><img src="__img__/mall/main1/3.png" class="img-responsive"></a></div>
    <div class="col-sm-3"><a href="##"><img src="__img__/mall/main1/4.png" class="img-responsive"></a></div>
</div>

<div class="container-fluid mall-main2">
    <h3>热销单品</h3>

    <div class="col-sm-3 mall-left">
        <a href="##">
            <img src="__img__/mall/main2/left.jpg" class="img-responsive">
        </a>
    </div>
    <div class="col-sm-9 mall-right text-center mall-img">
        <div class="col-sm-3">
            <a href="##">
                <img src="__img__/mall/main2/1.jpg" class="img-responsive">

                <h3>荣耀V9</h3>

                <p>最高优惠500+赠好礼</p>
                <span>￥2599</span>
            </a>
        </div>
        <div class="col-sm-3">
            <a href="##">
                <img src="__img__/mall/main2/2.jpg" class="img-responsive">

                <h3>华为畅想7</h3>

                <p>赠价值298元礼品</p>
                <span>￥1099</span>
            </a>
        </div>
        <div class="col-sm-3">
            <a href="##">
                <img src="__img__/mall/main2/3.jpg" class="img-responsive">

                <h3>荣耀V9 play</h3>

                <p>北欧极简设计 新品热卖</p>
                <span>￥999</span>
            </a>
        </div>
        <div class="col-sm-3">
            <a href="##">
                <img src="__img__/mall/main2/4.jpg" class="img-responsive">

                <h3>华为畅想7 Plus</h3>

                <p>赠价值298元礼品</p>
                <span>￥1699</span>
            </a>
        </div>
        <div class="col-sm-3">
            <a href="##">
                <img src="__img__/mall/main2/5.jpg" class="img-responsive">

                <h3>荣耀8青春版</h3>

                <p>最高优惠100元</p>
                <span>￥1099</span>
            </a>
        </div>
        <div class="col-sm-3">
            <a href="##">
                <img src="__img__/mall/main2/6.jpg" class="img-responsive">

                <h3>HUAWEI Mate 9</h3>

                <p>最高优惠200元</p>
                <span>￥3599</span>
            </a>
        </div>
        <div class="col-sm-3">
            <a href="##">
                <img src="__img__/mall/main2/7.jpg" class="img-responsive">

                <h3>荣耀8</h3>

                <p>领券下单减350+赠好礼</p>
                <span>￥1899</span>
            </a>
        </div>
        <div class="col-sm-3">
            <a href="##">
                <img src="__img__/mall/main2/8.jpg" class="img-responsive">

                <h3>HUAWEI nova2</h3>

                <p>直降300元+赠好礼</p>
                <span>￥2199</span>
            </a>
        </div>
    </div>
</div>
<div class="container-fluid mall-main3">
    <h3>精品推荐</h3>

    <div id="mall-main3" class="carousel slide" data-ride="carousel">
        <div class="carousel-inner mall-sm-img">
            <div class="item active text-center">
                <li>
                    <img src="__img__/mall/main3/1.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p class="text-center">8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main3/2.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main3/3.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main3/4.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main3/5.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main3/6.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p class="text-center">8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
            </div>
            <div class="item text-center">
                <li>
                    <img src="__img__/mall/main3/7.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main3/8.png" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main3/9.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main3/10.png" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main3/11.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main3/12.png" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
            </div>
            <div class="item text-center">
                <li>
                    <img src="__img__/mall/main3/13.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main3/14.png" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main3/15.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main3/16.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main3/17.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main3/18.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
            </div>
        </div>

        <a class="left carousel-control" href="#mall-main3" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a>

        <a class="right carousel-control" href="#mall-main3" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a>
    </div>
</div>
<!-- main4 -->
<div class="container-fluid mall-main4">
    <div id="mall-main4" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#mall-main4" data-slide-to="0" class="active"></li>
            <li data-target="#mall-main4" data-slide-to="1"></li>
            <li data-target="#mall-main4" data-slide-to="2"></li>
            <li data-target="#mall-main4" data-slide-to="3"></li>
            <li data-target="#mall-main4" data-slide-to="4"></li>
            <li data-target="#mall-main4" data-slide-to="5"></li>
            <li data-target="#mall-main4" data-slide-to="6"></li>

        </ol>


        <div class="carousel-inner mall-slide">

            <div class="item active">
                <img src="__img__/mall/main4/1.jpg" class="img-responsive">
            </div>
            <div class="item">
                <img src="__img__/mall/main4/2.jpg" class="img-responsive">
            </div>
            <div class="item">
                <img src="__img__/mall/main4/3.jpg" class="img-responsive">

            </div>
            <div class="item">
                <img src="__img__/mall/main4/4.png" class="img-responsive">

            </div>
            <div class="item">
                <img src="__img__/mall/main4/5.jpg" class="img-responsive">

            </div>

            <div class="item">
                <img src="__img__/mall/main4/6.jpg" class="img-responsive">

            </div>
            <div class="item">
                <img src="__img__/mall/main4/7.jpg" class="img-responsive">

            </div>

        </div>
    </div>

</div>

<div class="container-fluid mall-main5">
    <div class="col-sm-12">
        <ul class="list-unstyled list-inline">
            <li>
                <h2>手机</h2>
            </li>
            <li>
                <a href="##">荣耀</a>
            </li>
            <li>
                <a href="##">HUAWEI P系列</a>
            </li>
            <li>
                <a href="##">荣耀畅玩系列</a>
            </li>
            <li>
                <a href="##">HUAWEI Mate系列</a>
            </li>
            <li>
                <a href="##">HUAWEI nova系列</a>
            </li>
            <li>
                <a href="##">HUAWEI 麦芒系列</a>
            </li>
            <li>
                <a href="##">华为畅享系列</a>
            </li>
            <li>
                <a href="##">合约机</a>
            </li>

            <li class="pull-right">
                <h4><a href="##">更多 <span class="glyphicon glyphicon-menu-right"></span></a></h4>

            </li>
        </ul>
    </div>
    <div class="col-sm-12 text-center">
        <div class="col-sm-3">
            <a href="##" style="height:290px;width:288px;">
                <img src="__img__/mall/main5/1.jpg" class="img-responsive" style="height:290px;width:288px;">
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main5/2.jpg" class="img-responsive">

                <h3>华为畅想7</h3>

                <p>赠价值298元礼品</p>

                <span>￥1099</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main5/3.jpg" class="img-responsive">

                <h3>荣耀V9 play</h3>

                <p>北欧极简设计 新品热卖</p>

                <span>￥999</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main5/4.jpg" class="img-responsive">

                <h3>华为畅想7 Plus</h3>

                <p>赠价值298元礼品</p>

                <span>￥1699</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main5/5.jpg" class="img-responsive">

                <h3>荣耀8青春版</h3>

                <p>最高优惠100元</p>

                <span>￥1099</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main5/6.jpg" class="img-responsive">

                <h3>HUAWEI Mate 9</h3>

                <p>最高优惠200元</p>

                <span>￥3599</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main5/7.jpg" class="img-responsive">

                <h3>荣耀8</h3>

                <p>领券下单减350+赠好礼</p>

                <span>￥1899</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main5/8.jpg" class="img-responsive">

                <h3>HUAWEI nova2</h3>

                <p>直降300元+赠好礼</p>

                <span>￥2199</span>
            </a>
        </div>

    </div>
</div>
<div class="container-fluid mall-main6">
    <div class="col-sm-12">
        <ul class="list-unstyled list-inline">
            <li>
                <h2>笔记本电脑</h2>
            </li>
            <li>
                <a href="##">平板电脑</a>
            </li>
            <li>
                <a href="##">笔记本电脑</a>
            </li>
            <li>
                <a href="##">笔记本配件</a>
            </li>
            <li class="pull-right">
                <h4><a href="##">更多 <span class="glyphicon glyphicon-menu-right"></span></a></h4>

            </li>
        </ul>
    </div>
    <div class="col-sm-12 text-center">
        <div class="col-sm-3">
            <a href="##" style="height:290px;width:288px;">
                <img src="__img__/mall/main6/1.jpg" class="img-responsive" style="height:290px;width:288px;">
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main6/2.jpg" class="img-responsive">

                <h3>华为畅想7</h3>

                <p>赠价值298元礼品</p>

                <span>￥1099</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main6/3.jpg" class="img-responsive">

                <h3>荣耀V9 play</h3>

                <p>北欧极简设计 新品热卖</p>

                <span>￥999</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main6/4.jpg" class="img-responsive">

                <h3>华为畅想7 Plus</h3>

                <p>赠价值298元礼品</p>

                <span>￥1699</span>
            </a>
        </div>


    </div>
</div>


<div class="container-fluid mall-main7">
    <div class="col-sm-12">
        <ul class="list-unstyled list-inline">
            <li>
                <h2>精品平板</h2>
            </li>
            <li>
                <a href="##">平板电脑</a>
            </li>
            <li>
                <a href="##">笔记本电脑</a>
            </li>
            <li>
                <a href="##">笔记本配件</a>
            </li>
            <li class="pull-right">
                <h4><a href="##">更多 <span class="glyphicon glyphicon-menu-right"></span></a></h4>

            </li>
        </ul>
    </div>
    <div class="col-sm-12 text-center">
        <div class="col-sm-3">
            <a href="##" style="height:290px;width:288px;">
                <img src="__img__/mall/main7/1.jpg" class="img-responsive" style="height:290px; width:288px;">
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main7/2.jpg" class="img-responsive">

                <h3>华为畅想7</h3>

                <p>赠价值298元礼品</p>

                <span>￥1099</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main7/3.jpg" class="img-responsive">

                <h3>荣耀V9 play</h3>

                <p>北欧极简设计 新品热卖</p>

                <span>￥999</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main7/4.jpg" class="img-responsive">

                <h3>华为畅想7 Plus</h3>

                <p>赠价值298元礼品</p>

                <span>￥1699</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main7/5.jpg" class="img-responsive">

                <h3>荣耀8青春版</h3>

                <p>最高优惠100元</p>

                <span>￥1099</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main7/6.png" class="img-responsive">

                <h3>HUAWEI Mate 9</h3>

                <p>最高优惠200元</p>

                <span>￥3599</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main7/7.jpg" class="img-responsive">

                <h3>荣耀8</h3>

                <p>领券下单减350+赠好礼</p>

                <span>￥1899</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main7/8.jpg" class="img-responsive">

                <h3>HUAWEI nova2</h3>

                <p>直降300元+赠好礼</p>

                <span>￥2199</span>
            </a>
        </div>

    </div>

</div>
<div class="container-fluid mall-main8">
    <div class="col-sm-12">
        <ul class="list-unstyled list-inline">
            <li>
                <h2>智能穿戴</h2>
            </li>
            <li>
                <a href="##">手环</a>
            </li>
            <li>
                <a href="##">手表</a>
            </li>
            <li class="pull-right">
                <h4><a href="##">更多 <span class="glyphicon glyphicon-menu-right"></span></a></h4>

            </li>
        </ul>
    </div>
    <div class="col-sm-12 text-center">
        <div class="col-sm-3">
            <a href="##" style="height:290px;width:288px;">
                <img src="__img__/mall/main8/1.jpg" class="img-responsive" style="height:290px;width:288px;">
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main8/2.png" class="img-responsive">

                <h3>华为畅想7</h3>

                <p>赠价值298元礼品</p>

                <span>￥1099</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main8/3.jpg" class="img-responsive">

                <h3>荣耀V9 play</h3>

                <p>北欧极简设计 新品热卖</p>

                <span>￥999</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main8/4.jpg" class="img-responsive">

                <h3>华为畅想7 Plus</h3>

                <p>赠价值298元礼品</p>

                <span>￥1699</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main8/5.jpg" class="img-responsive">

                <h3>荣耀8青春版</h3>

                <p>最高优惠100元</p>

                <span>￥1099</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main8/6.jpg" class="img-responsive">

                <h3>HUAWEI Mate 9</h3>

                <p>最高优惠200元</p>

                <span>￥3599</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main8/7.jpg" class="img-responsive">

                <h3>荣耀8</h3>

                <p>领券下单减350+赠好礼</p>

                <span>￥1899</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main8/8.png" class="img-responsive">

                <h3>HUAWEI nova2</h3>

                <p>直降300元+赠好礼</p>

                <span>￥2199</span>
            </a>
        </div>

    </div>
</div>
<div class="container-fluid mall-main9">
    <div class="col-sm-12">
        <ul class="list-unstyled list-inline">
            <li>
                <h2>智能家居</h2>
            </li>
            <li>
                <a href="##">子母路由</a>
            </li>
            <li>
                <a href="##">电视盒子</a>
            </li>

            <li>
                <a href="##">路由器</a>
            </li>
            <li>
                <a href="##">电力猫</a>
            </li>
            <li>
                <a href="##">随行wifi</a>
            </li>
            <li>
                <a href="##">HUAWEI HiLink生态产品</a>
            </li>
            <li class="pull-right">
                <h4><a href="##">更多 <span class="glyphicon glyphicon-menu-right"></span></a></h4>

            </li>
        </ul>
    </div>
    <div class="col-sm-12 text-center">
        <div class="col-sm-6">
            <a href="##" style="height:296px;width:594px;">
                <img src="__img__/mall/main9/1.jpg" class="img-responsive" style="height:296px;width:594px;">
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main9/2.jpg" class="img-responsive">

                <h3>华为畅想7</h3>

                <p>赠价值298元礼品</p>

                <span>￥1099</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main9/3.jpg" class="img-responsive">

                <h3>荣耀V9 play</h3>

                <p>北欧极简设计 新品热卖</p>

                <span>￥999</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main9/4.png" class="img-responsive">

                <h3>华为畅想7 Plus</h3>

                <p>赠价值298元礼品</p>

                <span>￥1699</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main9/5.jpg" class="img-responsive">

                <h3>荣耀8青春版</h3>

                <p>最高优惠100元</p>

                <span>￥1099</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main9/6.jpg" class="img-responsive">

                <h3>HUAWEI Mate 9</h3>

                <p>最高优惠200元</p>

                <span>￥3599</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main9/7.jpg" class="img-responsive">

                <h3>荣耀8</h3>

                <p>领券下单减350+赠好礼</p>

                <span>￥1899</span>
            </a>
        </div>

    </div>

</div>
<div class="container-fluid mall-main10">
    <div id="mall-main10" class="carousel slide" data-ride="carousel">
        <div class="carousel-inner mall-sm-img">
            <div class="item active text-center">
                <li>
                    <img src="__img__/mall/main10/1.png" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p class="text-center">8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main10/2.png" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main10/3.png" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main10/4.png" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main10/5.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main10/6.png" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p class="text-center">8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
            </div>
            <div class="item text-center">
                <li>
                    <img src="__img__/mall/main10/7.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main10/8.png" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main10/9.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main10/10.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main10/11.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main10/12.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
            </div>
        </div>

        <a class="left carousel-control" href="#mall-main10" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a>

        <a class="right carousel-control" href="#mall-main10" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a>
    </div>
</div>
<div class="container-fluid mall-main11">
    <div class="col-sm-12">
        <ul class="list-unstyled list-inline">
            <li>
                <h2>热销配件</h2>
            </li>
            <li>
                <a href="##">移动电源</a>
            </li>
            <li>
                <a href="##">耳机</a>
            </li>

            <li>
                <a href="##">充电器/线材</a>
            </li>
            <li>
                <a href="##">自拍杆/支架</a>
            </li>
            <li>
                <a href="##">音箱</a>
            </li>
            <li>
                <a href="##">U盘/存储卡</a>
            </li>

            <li>
                <a href="##">排插</a>
            </li>
            <li>
                <a href="##">摄像机/镜头</a>
            </li>
            <li>
                <a href="##">智能硬件</a>
            </li>
            <li>
                <a href="##">生活周边</a>
            </li>
            <li class="pull-right">
                <h4><a href="##">更多 <span class="glyphicon glyphicon-menu-right"></span></a></h4>

            </li>
        </ul>
    </div>
    <div class="col-sm-12 text-center">
        <div class="col-sm-6">
            <a href="##" style="height:296px;width:594px;">
                <img src="__img__/mall/main11/1.jpg" class="img-responsive" style="height:296px;width:594px;">
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main11/2.jpg" class="img-responsive">

                <h3>华为畅想7</h3>

                <p>赠价值298元礼品</p>

                <span>￥1099</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main11/3.jpg" class="img-responsive">

                <h3>荣耀V9 play</h3>

                <p>北欧极简设计 新品热卖</p>

                <span>￥999</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main11/4.jpg" class="img-responsive">

                <h3>华为畅想7 Plus</h3>

                <p>赠价值298元礼品</p>

                <span>￥1699</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main11/5.jpg" class="img-responsive">

                <h3>荣耀8青春版</h3>

                <p>最高优惠100元</p>

                <span>￥1099</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main11/6.jpg" class="img-responsive">

                <h3>HUAWEI Mate 9</h3>

                <p>最高优惠200元</p>

                <span>￥3599</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main11/7.jpg" class="img-responsive">

                <h3>荣耀8</h3>

                <p>领券下单减350+赠好礼</p>

                <span>￥1899</span>
            </a>
        </div>

    </div>

</div>
<div class="container-fluid mall-main12">
    <div id="mall-main12" class="carousel slide" data-ride="carousel">
        <div class="carousel-inner mall-sm-img">
            <div class="item active text-center">
                <li>
                    <img src="__img__/mall/main12/1.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p class="text-center">8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main12/2.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main12/3.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main12/4.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main12/5.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main12/6.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p class="text-center">8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
            </div>
            <div class="item text-center">
                <li>
                    <img src="__img__/mall/main12/7.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main12/8.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main12/9.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main12/10.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main12/11.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main12/12.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
            </div>
        </div>

        <a class="left carousel-control" href="#mall-main12" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a>

        <a class="right carousel-control" href="#mall-main12" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a>
    </div>
</div>

<div class="container-fluid mall-main13">
    <div class="col-sm-12">
        <ul class="list-unstyled list-inline">
            <li>
                <h2>热销配件</h2>
            </li>
            <li>
                <a href="##">移动电源</a>
            </li>
            <li>
                <a href="##">耳机</a>
            </li>

            <li>
                <a href="##">充电器/线材</a>
            </li>
            <li>
                <a href="##">自拍杆/支架</a>
            </li>
            <li>
                <a href="##">音箱</a>
            </li>
            <li>
                <a href="##">U盘/存储卡</a>
            </li>

            <li>
                <a href="##">排插</a>
            </li>
            <li>
                <a href="##">摄像机/镜头</a>
            </li>
            <li>
                <a href="##">智能硬件</a>
            </li>
            <li>
                <a href="##">生活周边</a>
            </li>
            <li class="pull-right">
                <h4><a href="##">更多 <span class="glyphicon glyphicon-menu-right"></span></a></h4>

            </li>
        </ul>
    </div>
    <div class="col-sm-12 text-center">
        <div class="col-sm-6">
            <a href="##" style="height:296px;width:594px;">
                <img src="__img__/mall/main13/1.jpg" class="img-responsive" style="height:296px;width:594px;">
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main13/2.jpg" class="img-responsive">

                <h3>华为畅想7</h3>

                <p>赠价值298元礼品</p>

                <span>￥1099</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main13/3.jpg" class="img-responsive">

                <h3>荣耀V9 play</h3>

                <p>北欧极简设计 新品热卖</p>

                <span>￥999</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main13/4.jpg" class="img-responsive">

                <h3>华为畅想7 Plus</h3>

                <p>赠价值298元礼品</p>

                <span>￥1699</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main13/5.jpg" class="img-responsive">

                <h3>荣耀8青春版</h3>

                <p>最高优惠100元</p>

                <span>￥1099</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main13/6.jpg" class="img-responsive">

                <h3>HUAWEI Mate 9</h3>

                <p>最高优惠200元</p>

                <span>￥3599</span>
            </a>
        </div>
        <div class="col-sm-3 mall-img">
            <a href="##">
                <img src="__img__/mall/main13/7.jpg" class="img-responsive">

                <h3>荣耀8</h3>

                <p>领券下单减350+赠好礼</p>

                <span>￥1899</span>
            </a>
        </div>

    </div>

</div>
<div class="container-fluid mall-main14">
    <div id="mall-main14" class="carousel slide" data-ride="carousel">
        <div class="carousel-inner mall-sm-img">
            <div class="item active text-center">
                <li>
                    <img src="__img__/mall/main14/1.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p class="text-center">8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main14/2.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main14/3.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main14/4.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main14/5.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main14/6.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p class="text-center">8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
            </div>
            <div class="item text-center">
                <li>
                    <img src="__img__/mall/main14/7.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main14/8.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main14/9.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main14/10.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main14/3.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
                <li>
                    <img src="__img__/mall/main14/4.jpg" class="img-responsive">

                    <h3>HUAWEI WATCH 2 Pro</h3>

                    <p>8元订金可抵108元 </p>
                    <span>¥2588</span>
                </li>
            </div>
        </div>

        <a class="left carousel-control" href="#mall-main14" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a>

        <a class="right carousel-control" href="#mall-main14" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a>
    </div>

</div>
<div class="container-fluid mall-main15">
    <img src="__img__/mall/main15/1.jpg" class="img-responsive">
</div>

</div>
<div class="container-fluid mall-footer">
    <div class="col-sm-3"><a href=""><i></i>百强企业 品质保证</a></div>
    <div class="col-sm-3"><a href=""><i></i>百强企业 品质保证</a></div>

    <div class="col-sm-3"><a href=""><i></i>百强企业 品质保证</a></div>

    <div class="col-sm-3"><a href=""><i></i>百强企业 品质保证</a></div>


</div>
<div class="modal-footer">
    <div class="container">
        <div class="col-md-8 col-sm-12 hidden-xs">
            <div class="col-md-3  col-sm-3">
                <label> 按访问</label>
                <ul class="list-unstyled xs-nav ">
                    <li><a href="<?php echo url('index/user'); ?>" target="_parent">个人用户</a></li>
                    <li><a href="#">企业用户</a></li>
                    <li><a href="#">运营商用户</a></li>
                    <li><a href="#">合作伙伴</a></li>
                    <li><a href="#">新闻媒体</a></li>
                    <li><a href="#">开发者</a></li>
                    <li><a href="#">供应商</a></li>
                    <li><a href="#">求职者</a></li>
                </ul>
            </div>
            <div class="  col-md-3   col-sm-3">
                <label>关于华为</label>
                <ul class="list-unstyled  xs-nav">

                    <li><a href="<?php echo url('index/introduction'); ?>" target="_parent">公司简介</a></li>
                    <li><a href="<?php echo url('index/manage'); ?>" target="_parent">公司治理</a></li>
                    <li><a href="#">高管信息</a></li>
                    <li><a href="#">债券投资者关系</a></li>
                    <li><a href="#">可持续发展</a></li>
                    <li><a href="##">网络安全</a></li>
                    <li><a href="#">出版物</a></li>
                    <li><a href="#">公司年报</a></li>
                </ul>


            </div>
            <div class="  col-md-3   col-sm-3 ">
                <label>新闻 & 展会</label>
                <ul class="list-unstyled  xs-nav">

                    <li><a href="<?php echo url('index/news'); ?>" target="_parent">新闻</a></li>
                    <li><a href="#">安全通告</a></li>
                    <li><a href="#">展会活动</a></li>
                    <li class="changye"><a href="#">行业洞察</a></li>
                    <li><a href="#">全联接世界</a></li>
                    <li><a href="#">全球联接指数</a></li>
                </ul>


            </div>
            <div class=" col-md-3   col-sm-3 ">
                <label>快速链接</label>
                <ul class="list-unstyled  xs-nav">

                    <li><a href="<?php echo url('index/mall'); ?>" target="_parent">华为商城</a></li>
                    <li><a href="#">荣耀官网</a></li>
                    <li><a href="#">华为海洋</a></li>
                    <li><a href="#">产品定义社区</a></li>
                    <li><a href="#">心声社区</a></li>
                    <li><a href="#">除名查询</a></li>
                    <li><a href="#">在线反馈</a></li>
                </ul>


            </div>
        </div>

        <div class="col-md-4">
            <div class="imglinks pull-left">
                <ul class="list-unstyled">
                    <li>关注我们</li>
                    <div>
                        <a href="##"><img src="__img__/footer/sina.png" style="width:35px;"></a>
                        <a href="##"><img src="__img__/footer/linkedin.png"></a>
                        <a href="##"><img src="__img__/footer/wechat.jpg"></a>
                        <li>官方微信</li>
                    </div>
                </ul>
            </div>
        </div>


        <div class="col-xs-12 visible-xs">
            <div class="col-sm-3 navbar">
                <label class="navbar-toggle pull-left" data-toggle="collapse" data-target="#f">
                    按访问者<span class="caret"></span>

                </label>

                <div class="collapse navbar-collapse col-xs-12" id="f">
                    <ul class="nav navbar-nav">
                        <li><a href="<?php echo url('index/user'); ?>" target="_parent">个人用户</a></li>
                        <li><a href="#">企业用户</a></li>
                        <li><a href="#">运营商用户</a></li>
                        <li><a href="#">合作伙伴</a></li>
                        <li><a href="#">新闻媒体</a></li>
                        <li><a href="#">开发者</a></li>
                        <li><a href="#">供应商</a></li>
                        <li><a href="#">求职者</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-sm-3 navbar">
                <label class="navbar-toggle pull-left" data-toggle="collapse" data-target="#d">
                    关于华为<span class="caret"></span>

                </label>

                <div class="collapse navbar-collapse  col-xs-12" id="d">
                    <ul class=" nav navbar-nav ">
                        <li><a href="<?php echo url('index/introduction'); ?>" target="_parent">公司简介</a></li>
                        <li><a href="<?php echo url('index/manage'); ?>" target="_parent">公司治理</a></li>
                        <li><a href="#">高管信息</a></li>
                        <li><a href="#">债券投资者关系</a></li>
                        <li><a href="#">可持续发展</a></li>
                        <li><a href="##">网络安全</a></li>
                        <li><a href="#">出版物</a></li>
                        <li><a href="#">公司年报</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-sm-3 navbar">
                <label class="navbar-toggle pull-left" data-toggle="collapse" data-target="#g">
                    新闻 &amp; 展会<span class="caret"></span>

                </label>

                <div class="collapse navbar-collapse  col-xs-12" id="g">
                    <ul class=" nav navbar-nav ">
                        <li><a href="<?php echo url('index/news'); ?>" target="_parent">新闻</a></li>
                        <li><a href="#">安全通告</a></li>
                        <li><a href="#">展会活动</a></li>


                    </ul>
                </div>
            </div>
            <div class="col-sm-3 navbar">
                <label class="navbar-toggle pull-left" data-toggle="collapse" data-target="#s">
                    行业洞察<span class="caret"></span>

                </label>

                <div class="collapse navbar-collapse  col-xs-12" id="s">
                    <ul class=" nav navbar-nav ">
                        <li><a href="#">全联接世界</a></li>
                        <li><a href="#">全球联接指数</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-sm-3 navbar">
                <label class="navbar-toggle pull-left" data-toggle="collapse" data-target="#a">
                    快速链接<span class="caret"></span>

                </label>

                <div class="collapse navbar-collapse  col-xs-12" id="a">
                    <ul class=" nav navbar-nav ">
                        <li><a href="<?php echo url('index/mall'); ?>" target="_parent">华为商城</a></li>
                        <li><a href="#">荣耀官网</a></li>
                        <li><a href="#">华为海洋</a></li>
                        <li><a href="#">产品定义社区</a></li>
                        <li><a href="#">心声社区</a></li>
                        <li><a href="#">除名查询</a></li>
                        <li><a href="#">在线反馈</a></li>
                    </ul>
                </div>
            </div>


        </div>
    </div>
    <div class="container-fluid" style="border-top:1px solid #aaaaaa;">
        <div class="container">
            <div class="text-right">
                <p class="footer-new text-left pull-left">©2016 华为科技有限公司 <a href="http://www.miitbeian.gov.cn/">
                    粤A2-20044005号</a></p>


                    <span><a href="#">法律声明</a></span>
                    <span><a href="#">隐私保护</a></span>
                    <span><a href="#">联系我们</a></span>

                </div>
            </div>
        </div>
    </div>


    <script src="__JS__/jquery-1.11.3.min.js"></script>
    <script src="__JS__/jquery.mobile-1.4.5.min.js"></script>
    <script>
    $(document).on("pagecreate", "#body", function () {
        $("body").on("swipeleft", function () {
            alert("确定跳转......");
            window.location.href = "<?php echo url('../admin/admin/login'); ?>";
        });
    });

    </script>
    <script type="text/javascript">
    //商品列表鼠标移入显示右边的详细列表
    $(function () {
        $(".mall-main-list ul li").hover(
            function () {
                $(this).find(".fj").addClass("nuw");
                $(this).find(".zj").show();
            }
            ,
            function () {
                $(this).find(".fj").removeClass("nuw");
                $(this).find(".zj").hide();
            }
            )
    });

    </script>
    <script src="__JS__/bootstrap.min.js"></script>

</body>
</html>

